<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>用户注册</title>
</head>
<body>
    <br>
    <br>
    <br>
    <br>
    <div style="width: 500px; margin: auto;">

        <h2 align="center">用户注册</h2>


        <fieldset style="margin: auto; width: 80%;">
            <legend align="center">身份验证-必填信息</legend>
            <table align="center">
                <tr>
                    <td>用户名</td>
                    <td><input type="text"></td>
                </tr>
                <tr>
                    <td>密&nbsp;&nbsp;&nbsp;&nbsp;码</td>
                    <td><input type="password"></td>
                </tr>
                <tr>
                    <td>密码确认</td>
                    <td><input type="password"></td>
                </tr>
            </table>
        </fieldset>


        <fieldset style="margin: auto; width: 80%;">
            <legend align="center">身份信息-选填信息</legend>
            <table align="center">
                <tr>
                    <td>所在城市</td>
                    <td><input type="text"></td>
                </tr>
                <tr>
                    <td>工作单位</td>
                    <td><input type="text"></td>
                </tr>
                <tr>
                    <td>家庭住址</td>
                    <td><input type="text"></td>
                </tr>
            </table>
        </fieldset>


        <fieldset style="margin: auto; width: 80%;">
            <legend align="center">其他个人信息</legend>
            <table align="center">

                <tr>
                    <td>性别</td>
                    <td>
                        <select>
                            <option>男孩</option>
                            <option>女孩</option>
                        </select>
                    </td>
                </tr>


                <tr>
                    <td>爱好</td>
                    <td>
                        <input type="checkbox" id="music"><label for="music">音乐</label>
                        <input type="checkbox" id="sports"><label for="sports">体育</label>
                        <input type="checkbox" id="computer" checked><label for="computer">计算机</label>
                    </td>
                </tr>


                <tr>
                    <td>喜欢的公司</td>
                    <td>
                        <input type="radio" name="company" id="baidu"><label for="baidu">百度</label>
                        <input type="radio" name="company" id="microsoft"><label for="microsoft">微软中国</label>
                        <input type="radio" name="company" id="google"><label for="google">谷歌中国</label>
                    </td>
                </tr>


                <tr>
                    <td>个人简介</td>
                    <td>
                        <textarea rows="4" cols="30"></textarea>
                    </td>
                </tr>
            </table>
        </fieldset>

        <div align="center" style="margin-top: 10px;">
            <button type="submit">提交您的资料</button>
            <button type="reset">重新填写资料</button>
            <button type="button" disabled>无效按钮</button>
            <a href="#top">返回顶部</a>
        </div>
    </div>
</body>
</html>
